<!-- 我的钱包 -->
<template>
	<view>
		    <!-- #ifdef APP-PLUS || H5 -->
		    <view class="cu-custom" style=" height:120rpx;background: linear-gradient(to bottom ,#E8BE9A,#f2eae4);">
			<!-- #endif -->
			<!-- #ifdef MP-WEIXIN -->
			<view class="cu-custom"
				style=" height:180rpx;background: linear-gradient(to bottom ,#E8BE9A,#f2eae4);padding-top: 76rpx;">
				<!-- #endif -->
				<view class="action u-flex" style="height: 80rpx;padding-top: 40rpx;">
					<view class="u-iconfont uicon-arrow-left"
						style="width: 100rpx;padding-left: 40rpx;font-size: 36rpx;" @tap="goBack">
					</view>
					<view style="color:#000; flex: 1 1 0%;text-align: center;font-size: 36rpx;font-weight: 600;">商品橱窗
					</view>
					<view class="" style="width: 100rpx;"></view>
				</view>
			</view>
			
			<!-- 
			<view style="flex-direction: row;display: flex; width: 650rpx;margin-left: 50rpx;height: 80rpx;line-height: 80rpx;background: #EE7421;border-top-left-radius: 30rpx;border-top-right-radius: 30rpx;">
				<view class="text" style="width: 300rpx;margin-left: 20rpx;text-align: center;color: #fff;font-size: 30rpx;">{{startTime.length>0?startTime:"开始日期"}}</view>
				<view class="text" style="-webkit-flex: 1;flex: 1;color: #fff;font-size: 30rpx;">至</view>
				<view class="text" style="width: 300rpx; margin-left: 20rpx;text-align: center;color: #fff;font-size: 30rpx;">{{endTime.length>0?endTime:"结束日期"}}</view>
			</view> -->
			
	
<!-- 			<view class="store-title" >
			  
				<picker mode="date"   @change="bindDateChange1">
					<view class="text lefttext">{{startTime?startTime:"开始日期"}}</view>
				</picker>
						
					<view class="text" style="-webkit-flex: 1;flex: 1;color: #fff;font-size: 30rpx;text-align: center;">
						<img
						style="width: 40rpx;height: 40rpx;margin-top: 23rpx;"
						 src="https://image.hzwltb69.com/app/imgs/derivative/myarrow.png" alt="">
						</view>
							
					<picker mode="date"   @change="bindDateChange2">
						<view class="text" style="width: 300rpx; margin-left: 20rpx;text-align: center;color: #fff;font-size: 30rpx;">{{endTime?endTime:"结束日期"}}</view>
						</picker>
				 
				</view> -->
			
	 
		 
			<view
			class="head_box u-col-center"
			@click="onToInfo"
			>
				<view class="card-box" style="justify-content: space-between;">
					<!-- <view style="-webkit-flex: 1;flex: 1; " class="money-num"></view> -->
					<view class="grid-wap u-m-b-10 u-flex u-flex-wrap u-col-center">
						<view class="grid-item u-flex-col u-row-center u-col-center">
							<view style="color:#333;font-size: 32rpx;font-weight: 600;">订单数</view>
							<view style="color:#EE7421;font-size: 50rpx;font-weight: 600;margin-top: 30rpx;">
								{{orderQuantity}}
							</view>
							<!-- <view class="item-title"></view> -->
						</view>
					</view>
					<!--    <view class="grid-wap u-m-b-10 u-flex u-flex-wrap u-col-center">
					<view class="grid-item u-flex-col u-row-center u-col-center">
						<view style="color:#333;font-size: 26rpx;">商品数</view>
						<view style="color:#2252f5;font-size: 50rpx;font-weight: 600;">{{quantity}}</view>
						<view class="item-title"></view>
					</view>
				</view> -->
					<view class="grid-wap u-m-b-10 u-flex u-flex-wrap u-col-center">
						<view class="grid-item u-flex-col u-row-center u-col-center">
							<view style="color:#333;font-size: 32rpx;font-weight: 600;">销售额</view>
							<view style="color:#EE7421;font-size: 50rpx;font-weight: 600;margin-top: 30rpx;">{{amount}}
							</view>
							<!-- <view class="item-title"></view> -->
						</view>
					</view>
					<view class="grid-wap u-m-b-10 u-flex u-flex-wrap u-col-center">
						<view class="grid-item u-flex-col u-row-center u-col-center">
							<view style="color:#333;font-size: 32rpx;font-weight: 600;">销售佣金</view>
							<view style="color:#EE7421;font-size: 50rpx;font-weight: 600;margin-top: 30rpx;">
								{{commission}}
							</view>
							<!-- <view class="item-title"></view> -->
						</view>
					</view>
				</view>
			</view>
			<!-- 店铺信息box -->
			<view v-if="hasderivative">
				<view class="activity-wrap u-p-x-20 u-p-b-20  u-m-b-10 groupon-card store-info" >
					<view class="big-box"  @click="onGoStore">
						<view>
							<!-- 小店logo -->
							<view style="flex-direction: row;display: flex;position: relative">
								<view class="text uni-flex logo-box" @click.stop="toapply" >
									<image :src="derivative.logo" class="logo"
										style=""></image>
								</view>
								<!-- 小店名称 -->
								<view class="name-box">
									<view class="name">
										{{derivative?derivative.name:"" }}
									</view>
									<!-- 介绍栏 -->
									<view>
										<view class="name-info" >
											<view v-if="derivative.ccdesc" class="desc">
												{{derivative.ccdesc}}
											</view>
											<view v-else class="">
												暂无店铺介绍
											</view>
											<!-- {{derivative.derivativeRank?derivative.derivativeRank.name:"" }} -->
										</view>
									</view>
								</view>
							</view>
							
						</view>
						<view class="name-to">
							<img src="https://image.hzwltb69.com/app/imgs/derivative/rights.png" alt="">
						</view>
					</view>
				</view>
			<!-- 	<swiper class="screen-swiper square-dot" style="height: 450rpx" :indicator-dots="true" :circular="true"
					:autoplay="isautoplay" interval="5000" duration="500">
					<swiper-item v-for="(item, index) in derivative.banners" :key="index" @tap="onSwiper(index)">
						<image :src="item" mode="aspectFill"></image>
					</swiper-item>
				</swiper> -->
			</view>
			<view class="sucai" @click="toResources">
				素材库
			</view>
			<view class="head_box u-flex u-row-between" v-if="!hasderivative">
				<button class="set-btn u-reset-button" :disabled="statue == `审核中`"  @tap="$Router.push('/pages/tuandui/apply')">{{statue}}</button>
			</view>
			
			<view class="head_box u-flex u-row-between" v-else>
				<button class="set-btn u-reset-button"
					@tap="onSet(1)" v-if="!isMain && !isdel">{{derivative.status == 'APPROVED' ? "设置主推" : "设置主推"}}</button>
				<button class="set-btn u-reset-button" v-if="hasderivative && derivative.status == 'APPROVED'"
					@tap="$Router.push('/pages/tuandui/category')">选品广场（{{total}}）</button>
					<button class="set-btn u-reset-button" v-if="hasderivative && derivative.status == 'APPROVED'"
						@tap="$Router.push('/pages/tuandui/storeSearch')">店铺选品</button>
				<button
				class="set-btn u-reset-button"
				v-if="(hasderivative && derivative.status == 'APPROVED') && isEdit == false"
					@tap="onSet(2)">商品管理</button>
					<button class="set-btn u-reset-button" @click="onDel" v-else >完成</button>
			</view>

			<!-- 收藏列表 -->
			 	<view class="content_box">
				<scroll-view scroll-y="true" @scrolltolower="loadMore" class="scroll-box">
					<u-checkbox-group @change="checkboxGroupChange" activeColor="#e9b461">
						<view class="collect-list u-flex" v-for="f,index in tdproductlist" :key="index">
							<u-checkbox v-show="isEdit" :name="f.id" shape="circle" v-model="f.checked"></u-checkbox>
							<sh-mini-card-td :image="f.product.medium" :title="f.product.name"
								:price="f.product.price.toFixed(2)"
								:originPrice="((f.product.price-f.product.cost)*rebate/100).toFixed(2)" :rebate="rebate"
								:subtitle="f.product.caption"
								@click="todetail(f.product.id)">
								</sh-mini-card-td>
						</view>
					</u-checkbox-group>
				</scroll-view>
			</view>  
			<!-- <view class="hot-goods u-m-b-10 u-p-x-16">
				<view class="u-waterfall">
					<view id="u-left-column" class="u-column" style="">
						<view class="goods-item u-m-b-16  u-row-center u-col-center" v-for="leftGoods in leftList"
							 >
							
							<sh-goods-card-xd :detail="leftGoods" :type="leftGoods.activity_type"
								:image="leftGoods.product.large" :title="leftGoods.product.name"
								:subtitle="leftGoods.product.caption" :price="leftGoods.product.price"
								:originPrice="((leftGoods.product.price-leftGoods.product.cost)*rebate/100).toFixed(2)"
								:sales="leftGoods.product.sales" 
								:rebate="rebate"
								@click="$Router.push({ path: '/pages/goods/detail', query: { id: leftGoods.product.id } })"
								v-if="leftGoods.product.type!='EXCHANGE'">
							</sh-goods-card-xd>
							<view style="position: relative;z-index: 999;left: 280rpx;width: 100rpx;bottom: 50rpx;">
								<image  v-show="isEdit" src="https://image.hzwltb69.com/app/images/tuanduishanchu.png"
									style="width: 40rpx;height: 40rpx;border-radius: 40rpx;" @tap="cancelproduct(leftGoods.id)"></image>
							</view>
						</view>
					</view>
					<view id="u-right-column" class="u-column" style="margin-left: 20rpx;">
						<view class="goods-item u-m-b-16  u-row-center u-col-center" v-for="rightGoods in rightList"
							 >
						 
							<sh-goods-card-xd :detail="rightGoods" :type="rightGoods.product.activity_type"
								:image="rightGoods.product.large" :title="rightGoods.product.name"
								:subtitle="rightGoods.product.caption" :price="rightGoods.product.price"
								:originPrice="((rightGoods.product.price-rightGoods.product.cost)*rebate/100).toFixed(2)"
								:sales="rightGoods.product.sales"
								:tagTextList="rightGoods.product.activity_discounts_tags" :rebate="rebate"
								@click="$Router.push({ path: '/pages/goods/detail', query: { id: rightGoods.product.id } })"
								v-if="rightGoods.product.type!='EXCHANGE'">
							</sh-goods-card-xd>
							
							<view style="position: relative;z-index: 999;left: 280rpx;width: 100rpx;bottom: 50rpx;">
								<image  v-show="isEdit" src="https://image.hzwltb69.com/app/images/tuanduishanchu.png"
									style="width: 40rpx;height: 40rpx;border-radius: 40rpx;" @tap="cancelproduct(rightGoods.id)"></image>
							</view>
						</view>
					</view>
				</view>

			</view> -->

		 <view class="foot_box" style="position: fixed;bottom: 0;">
				<view class="tools-box u-flex u-row-between u-flex-1" v-show="isEdit && !isEmpty">
					<u-checkbox v-if="!isMain" shape="circle" activeColor="#e9b461" @change="onAllSel"
						v-model="isAllSel"><text>全选</text></u-checkbox>
						<view v-else class="">
							
						</view>
					<button class="u-reset-button close-btn" @tap="cancelproduct">{{ isMain ? "设为主推" : "删除选品"}}</button>
				</view>
			</view>  
		</view>
</template>

<script>
	import shMiniCardTd from './components/sh-mini-card-td.vue';
	import shGoodsCardXd from './components/sh-goods-card-xd.vue';
	export default {
		components: {
			// shFilter
			shMiniCardTd,
			shGoodsCardXd

		},
		data() {
			const currentDate = this.getDate({
			            format: true
			})
			return {
				isEmpty: false,
				isEdit: false,
				// 是否是设为主推
				isMain: false,
				isdel: false,
				isAllSel: false, //是否全选
				selList: [],
				mainList: [],
				tdproductlist: [],
				total: 0,
				currentPage: 0,
				rebate: 0,
				orderQuantity: 0,
				quantity: 0,
				amount: 0,
				commission: 0,
				derivative: {},
				hasderivative: false,
				range: [],
				statue: "申请小店",
				derivativeApplication: [],
				isEmpty: false,
				categoryId: 0,
				page: 0,
				order: '',
				rebate: 0,
				date: currentDate,
				onEnd: false,
				loadStatus: 'loadmore', //loadmore-加载前的状态，loading-加载中的状态，nomore-没有更多的状态
			};
		},
		  computed: {
		        startDate() {
		            return this.getDate('start');
		        },
		        endDate() {
		            return this.getDate('end');
		        }
		    },
		onLoad() {
			
		},
		onReachBottom() {
			if(!this.onEnd){
				this.loadMore()
			}
		},
		watch: {

		 

		},
		created() {
			this.getProList();
			this.getDates();
		},
		methods: {
			// 跳转资源库
			toResources(){
				this.$Router.push({
					path: '/pages/tuandui/Resources'
				})
			},
			// 获取主推回显
			getMains(){
				let that = this;
				that.$http('goods.getbyOnwer', {
					UId: uni.getStorageSync('UId'),
					memberId: uni.getStorageSync('UId')
				}).then(res =>{
					this.tdproductlist.forEach(item =>{
						if(item.id == res.tops[0].id || item.id == res.tops[1].id || item.id == res.tops[2].id){
							item.checked = true
						}
						else{
							item.checked = false
						}
					})
					console.log(this.tdproductlist);
					that.isMain = true
					that.isEdit = true
					that.selList = [res.tops[0].id,res.tops[1].id,res.tops[2].id]
				})
			},
			// 确认按钮
			onDel(){
				this.isEdit = false
				this.isMain = false
				this.isdel = false
				this.tdproductlist.forEach(item => {
					if(item.checked) item.checked = false
				})
				this.isAllSel = false
				this.selList = []
			},
			// 跳转商品详情
			// 前往商品详情
			todetail(id) {
				
				this.$Router.push({
					path: '/pages/goods/detail',
					query: {
						id: id,
						ownerId: uni.getStorageSync('UId')
					}
				})
			},
			// 跳转小店
			onGoStore(){
				this.$Router.push({
					path: '/pages/goods/smaillHome',
					query: {
						ownerId: uni.getStorageSync('UId')
					}
				})
			},
			// 单选
			checkboxGroupChange(e) {
				// 判断是否是 设置主推
				if(this.isMain){
						this.selList = e;
						this.$forceUpdate()
				}else{
					// 删除商品
					this.selList = e;
					this.isAllSel = this.tdproductlist.every(item => item.checked);
				}

				// this.isAllSel = this.leftList.every(item => item.checked);
				// this.isAllSel = this.rightList.every(item => item.checked);
			},

			// 编辑
			onSet(e) {
				if(e == 1){
					this.getMains()
				}
				if(e == 2){
					this.isMain = false
					this.isdel = true
					this.isEdit = true
				} 
			},
			
			// 全选
			onAllSel(e) {
				this.isAllSel = e.value;
				this.selList = [];
				this.tdproductlist.forEach(item => {
					e.value && this.selList.push(item.id);
					this.$set(item, 'checked', e.value);
				});


			},

			// 加载更多
			loadMore() {
				// if (this.currentPage < this.lastPage) {
					this.currentPage += 1;
					this.getProList();
				// }
			},
			toapply() {
				if (this.hasderivative) {
					if (this.derivative.isEnabled && this.derivative.status == 'APPROVED') {

						if (this.derivativeApplication.length > 0) {

							uni.showToast({
								title: "上次提交未审核完成"
							})
							return
						}

						this.$Router.push({
							path: '/pages/tuandui/edit',
							query: {
								id: this.derivative.id
							}
						})

					} else if (this.derivative.id > 0) {

						uni.showToast({
							title: "正在审核中"
						})
					}
				} else {
					this.$Router.push('/pages/tuandui/apply')
				}

			},
			// 收藏列表
			getProList() {
				let that = this;
				that.loadStatus = 'loading';
				that.$http('goods.tuanduilist', {
					UId: uni.getStorageSync("UId"),
					page: that.currentPage
				}).then(res => {
					if (res) {
						that.loadStatus = 'loadmore';
						this.total = res.count;
						this.rebate = res.rebate[0];
						if(res.list.length > 0){
							that.tdproductlist.length == 0 ? that.tdproductlist = res.list : that.tdproductlist = that.tdproductlist.concat(res.list)
						}else{
							that.onEnd = true
						}
					}
				});
			},
			getDates() {
				let that = this;

				that.loadStatus = 'loading';
				that.$http('goods.getDates', {
					UId: uni.getStorageSync("UId"),
					page: that.currentPage
				}).then(res => {
					// console.info(JSON.stringify(res))
					if (res.code == 1) {
						that.hasderivative = true
						that.loadStatus = 'loadmore';
						that.orderQuantity = res.orderQuantity
						that.quantity = res.quantity
						that.amount = res.amount
						that.commission = res.commission
						if (res.derivativeApplication[0]) {
							that.derivativeApplication = res.derivativeApplication
						}
						if (res.derivative[0]) {
							that.derivative = res.derivative[0]
							if (that.derivative.status == "PENDING") {
								this.statue = "审核中"
							}
						}

					}
					else {
						if(res.derivative[0].status == "PENDING"){
							this.statue = "审核中"
						}
						// that.hasderivative = false
						// this.$Router.push('/pages/tuandui/apply')
					}
				});
			},

		 
			cancelproduct(id) {
				//console.info(JSON.stringify(this.selList))
				let that = this;
				let main = []
				this.tdproductlist.forEach(item =>{
					if(item.checked == true) main.push(item.id)
				})
				console.log(main);
				if(this.isMain){
					if(main.length > 3){
						uni.showToast({
							icon:"error",
							title:"主推商品最多设置3个"
						})
						return
					}
					if(main.length < 3){
						uni.showToast({
							icon:"error",
							title:"主推商品最少设置3个"
						})
						return
					}
					this.setMain(main)
				}else{
					that.$http('goods.tuanduideletelist', {
						ids: JSON.stringify(main)
					}).then(res => {
						// that.leftHeight= 0
						// that.rightHeight=0
						// that.leftList=[]
						// that.rightList=[]
						uni.showToast({
							title:'删除成功',
							icon:"none"
						})
						that.tdproductlist = []
						that.getProList()
					});
				}
			},
			// 设置主推
			setMain(e){
				console.log(e);
				let that = this
				that.$http('goods.setmain',{
					UId: uni.getStorageSync('UId'),
					a_ids: e
				})
				.then(res =>{
					if(res.message == "操作成功"){
						uni.showToast({
							icon:'success',
							title:'设置主推成功'
						})
						that.onDel()
					}
				})
			},
			// 获取明细
			onToInfo(){
				this.$Router.push({
					path:'/pages/tuandui/storedetails'
				})
			},
			getDateDetail() {
				let that = this;
				that.loadStatus = 'loading';
				if(this.startTime==""){
					uni.showToast({
						icon:null,
						title:"请选择开始日期"
					})
				}
				if(this.endTime==""){
					uni.showToast({
						icon:null,
						title:"请选择结束日期"
					})
				}
				that.$http('goods.getDateDetail', {
					DId: uni.getStorageSync("UId"),
					page: that.currentPage,
					startTime: this.startTime,
					endTime: this.endTime
				}).then(res => {
						console.info(JSON.stringify(res))
					if (res) {
						that.loadStatus = 'loadmore';
						that.orderQuantity = res.orderQuantity
						that.quantity = res.quantity
						that.amount = res.amount
						that.commission = res.commission
					}
				});
			},
			goBack() {
				uni.navigateBack();
			},
			goSetSamil(){
				this.$Router.push(
				{
					path: '/pages/tuandui/edit',
					query: {
						id: this.derivative.id
					}
				})
			},
			// bindPickerChange: function(e) {
			//             console.log('picker发送选择改变，携带值为', e.detail.value)
			//             this.index = e.detail.value
			//         },
			// bindDateChange1: function(e) {
			//             this.startTime = e.detail.value
			// 				this.getDateDetail()
			//         },
			// bindDateChange2: function(e) {
			// 		    this.endTime = e.detail.value
			// 			this.getDateDetail()
			// 		},
			//  bindTimeChange: function(e) {
			//             this.time = e.detail.value
			//         },
			 getDate(type) {
			            const date = new Date();
			            let year = date.getFullYear();
			            let month = date.getMonth() + 1;
			            let day = date.getDate();
			
			            if (type === 'start') {
			                year = year - 60;
			            } else if (type === 'end') {
			                year = year + 2;
			            }
			            month = month > 9 ? month : '0' + month;
			            day = day > 9 ? day : '0' + day;
			            return `${year}-${month}-${day}`;
			        }
		}
	};
</script>

<style lang="scss" scoped>
	
	
	@mixin vue-flex($direction: row) {
		/* #ifndef APP-NVUE */
		display: flex;
		flex-direction: $direction;
		/* #endif */
	}
	
	.u-waterfall {
		@include vue-flex;
		flex-direction: row;
		align-items: flex-start;
	}
	
	.u-column {
		@include vue-flex;
		flex: 1;
		flex-direction: column;
		height: auto;
	}
	
	.u-image {
		width: 100%;
	}
	
	// 为你推荐
	.hot-goods {
		// background:#ef3d57;
	
		.refresh-btn {
			margin-left: 50%;
			transform: translateX(-50%);
			width: 156rpx;
			line-height: 50rpx;
			background: #ffffff;
			border-radius: 25rpx;
			font-size: 22rpx;
			font-weight: 500;
			color: #999999;
			white-space: nowrap;
		}
	
		.refresh-active {
			transform: rotate(360deg);
			transition: all linear 0.5s;
		}
	}
	// 钱包
	.head_box {
		width: 750rpx;
		background-color: #FFF;
		padding: 10rpx 0;

		.card-box {
			display: flex;
			background-color: #FCF9F6;

			width: 750rpx;
			height: 180rpx;
			border-radius: 20rpx;

			// background: url('https://image.hzwltb69.com/app/images/chuachuangback.png') no-repeat;
			// background-size: 100% 100%;

			overflow: hidden;
			position: relative;

			.card-head {
				color: #fff;
				font-size: 30rpx;
			}

			.money-num {
				font-size: 48rpx;
				line-height: 70rpx;
				font-weight: 500;
				color: #ffffff;
			}

			.reduce-num {
				font-size: 26rpx;
				font-weight: 400;
				color: #ffffff;
			}

			.withdraw-btn {
				width: 120rpx;
				height: 60rpx;
				line-height: 60rpx;
				background: #ffffff;
				border-radius: 30px;
				font-size: 24rpx;
				font-weight: 500;
				color: #5848c4;

				right: 30rpx;
				top: 40rpx;
			}

			.topup-btn {
				width: 120rpx;
				height: 60rpx;
				line-height: 60rpx;
				border-radius: 30px;
				font-size: 24rpx;
				font-weight: 500;
				color: #fff;
				border: 1px solid #fff;
				position: absolute;
				right: 180rpx;
				top: 40rpx;
			}
		}
	}

	.head_box {

		.count-box {
			font-size: 26rpx;
			color: #999;
			display: flex;
			direction: row;

			.all-num {
				color: #a8700d;
			}
		}

		.set-btn {
			background: none;
			font-size: 26rpx;
			color: #f9731e;
			padding: 20rpx;
		}
	}

	.collect-list {
		padding: 30rpx 20rpx;
		background: #fff;
		width: 750rpx;
		margin-bottom: 20rpx;
	}

	.tools-box {
		height: 100rpx;
		width: 750rpx;
		padding: 0 20rpx;
		background: #fff;

		.close-btn {
			width: 200rpx;
			line-height: 70rpx;
			//background: linear-gradient(90deg, rgba(233, 180, 97, 1), rgba(238, 204, 137, 1));
			background: #f9731e;
			box-shadow: 0px 7rpx 6rpx 0px rgba(229, 138, 0, 0.22);
			border-radius: 35rpx;
			padding: 0;
			color: rgba(#fff, 0.9);
		}
	}

	.grid-wap {

		width: 30%;

		border-radius: 25rpx;
		z-index: 10;
		justify-content: center;
		.grid-item {


			.tool-img {
				width: 120rpx;
				height: 120rpx;
			}

		}
	}
	.activity-wrap {
		background-color: #fff;
	
		.title-box {
			.title-text {
				font-size: 32rpx;
				font-weight: bold;
				color: #333333;
			}
	
			.more-box {
				.more-text {
					font-size: 22rpx;
					font-weight: 500;
					color: #333333;
				}
	
				.more-icon {
					font-size: 24rpx;
					color: #333333;
				}
			}
		}
	
		.scroll-box,
		.goods-box {
	
			width: 100%;
		}
	}
	.sh-title-card {
		width: 750rpx;
	}
	.title-box {
		width: 710rpx;
		height: 88rpx;
		margin: 0 auto;
		position: relative;
		border-radius: 30rpx;
	
		.title-bg {
			width: 100%;
			height: 100%;
		}
		.title-text {
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			font-weight: bold;
		}
	}
	
	 .store-title{
		 flex-direction: row;
		 display: flex;
		height: 80rpx;
		line-height: 80rpx;
		background-image: url('https://image.hzwltb69.com/app/imgs/derivative/timepicker.jpg');
		.lefttext{
			width: 300rpx;
			margin-left: 20rpx;
			text-align: center;
			color: #fff;font-size: 30rpx;
		}
	 }
	 // 店铺详情
	 .store-info{
		 width: 730rpx;
		 margin-left: 10rpx;
		 border-radius: 20rpx;
		 margin-top: 10rpx;
		 .big-box{
			-webkit-justify-content: space-between;
			justify-content: space-between;
			flex-direction: row;
			display: flex;
			height: 100rpx;
			.logo-box{
				width: 100rpx;
				height: 100rpx;
				-webkit-justify-content: center;
				justify-content: center;
				-webkit-align-items: center;
				align-items: center;
				.logo{
					width: 80rpx;
					height: 80rpx;
					margin-top: 10rpx;
					border-radius: 50%;
				}
			}
			.name-box{
				display: flex;
				flex-direction: column;
				-webkit-flex: 1;
				flex: 1;
				-webkit-justify-content: space-between;
				justify-content: space-between;
				.name{
					height: 50rpx;
					text-align: left;
					padding-left: 20rpx;
					padding-top: 10rpx;
					font-size: 30rpx;
					color: #000;
					font-weight: 600;
				}
			}
			.name-info{
				height: 50rpx;
				text-align: left;
				padding-left: 20rpx;
				padding-top: 10rpx;
				font-size: 26rpx;
				color: #EE7421
			}
			.name-to{
				right: 20rpx;
				top: 45rpx;
				position: relative;
				width: 35rpx;
				height: 30rpx;
				img{
					width: 100%;
					height: 100%;
				}
			}
		 }
	 }
	 .sucai{
	 			 width: 100%;
	 			 height: 50rpx;
	 			 line-height: 50rpx;
	 			 text-align: center;
				 color: #EE7421
	 }
	 .desc{
		 white-space: nowrap;
		 text-overflow: ellipsis;
		 overflow: hidden;
		 max-width: 400rpx;
	 }
</style>